<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,user-scalable=no">
    <meta name="keywords" content="xx,xx,xx" />
    <meta name="description" content="yyyyyyy" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <meta property="qc:admins" content="70003766576320416375" />
    <meta name="format-detection" content="telephone=no">
    <title>关注的酒店</title>
    <link rel="stylesheet" href="../css/base/jquery-ui-1.10.3.css" type="text/css">
    <link rel="stylesheet" href="../plugin/bootstrap-3.3.7/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/job.css">
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

<style>
    body{
        height: 100%;
    }
  .show-collection iframe{
      border: 0;
      position: fixed;
      width: 100%;
      height: 100%;
  }
    .no-collection{
        text-align: center;
        margin-top: 100px;
        display: none;
    }
    .no-collection>h5:first-child{
        background-color:#eeeeee;
        height: 80px;
        width: 80px;
        border-radius: 50%;
        line-height: 90px;
        font-size: 30px;
        color: white;
    }
</style>
</head>
<body style="background: #f7f7f9">
<div class="container-fluid" style="background-color: #f7f7f9">
    <!--header start-->
    <div class="row header">
      <div><span id="back" class="glyphicon  glyphicon-chevron-left" style="float: left;cursor: pointer;"></span>关注的酒店</div>
    </div>
        <!--header end-->

    <!--content start-->
    <div class="row content">
        <div class="show-collection">
           <iframe src="hotel-focus-1.html" width="100%" id="content"></iframe>
        </div>
        <div class="no-collection">
           <h5 class="glyphicon glyphicon-home"></h5>
            <h5>暂无关注过任何酒店</h5>
            <h5 style="color: #b1b1b3;">快去关注你喜欢的酒店吧</h5>
        </div>
    </div>

    <!--content end-->
</div>
</body>
<script src="../js/common/jquery-2.1.4.min.js"></script>
<script src="../js/index.js"></script>
<script src="../plugin/bootstrap-3.3.7/dist/js/bootstrap.min.js"></script>
<script>

$(function(){
    var iframe_element = window.top.document.getElementById("content");
    iframe_element.onload = function(){
       var  iframe_content=iframe_element.contentWindow.document.body.innerHTML;
    if( iframe_content==''){
        $('.no-collection').css('display','block');
        $('.show-collection iframe').css('display','none');
    }
    else{
        $('.show-collection iframe').css('display','block');
        $('.no-collection').css('display','none');

    }
    };
});
</script>
</html>